<!-- Please remove this file from your project -->
<template>
  <!-- <div class="relative flex items-top justify-center min-h-screen bg-gray-100 sm:items-center sm:pt-0"> -->
  <div class="footerbox">
    <div class="footerbox_left" >
      <p class="footerbox_left_title" >
        商务合作
      </p>
      <p class="left_content " >
        邮箱：business@couponcrushltd.com
        <img class="copy pointer" src="../assets/copy.jpg" alt="">
      </p>
      <p class="footerbox_left_title" >
        博主合作
      </p>
      <p class="left_content " >
        邮箱：clarawang@couponcrushltd.com
        <img class="copy pointer " src="../assets/copy.jpg" alt="">
      </p>
      <p class="footerbox_left_title" >
        服务条款
      </p>
      <p class="left_content pointer " >
        点击进入具体条款
        <img class="copy " src="../assets/right.jpg" alt="">
      </p>
      <p class="footerbox_left_title" >
        商户隐私协议
      </p>
      <p class="left_content pointer " >
        点击进入具体条款
        <img class="copy " src="../assets/right.jpg" alt="">
      </p>
    </div>
    <div class="footerbox_right" >
      <p class="footerbox_left_title" >常用链接</p>
      <p class="right_content" >
        <span>加入我们</span>
        <span>商家入驻</span>
        <span>博主入驻</span>
        <span>我们的优势</span>
      </p>
      <div class="er_codebox" >
        <div class="er_codebox_item" >
          <img class="erimg" src="../assets/one.jpg" alt="">
          <p class="imgtext" >App下载</p>
        </div>
        <div class="er_codebox_item" >
          <img class="erimg" src="../assets/two.jpg" alt="">
          <p class="imgtext" >wechat 客服</p>
        </div>
        <div class="er_codebox_item" >
          <img class="erimg" src="../assets/three.jpg" alt="">
          <p class="imgtext" >小红书</p>
        </div>
      </div>
    </div>
  </div>

</template>

<script>
export default {
  name: 'Nuxtmyfoot'
}
</script>
<style>
.footerbox {
  background-color: #000;
  width: 100vw;
  box-sizing: border-box;
  padding: 50px;
  display: flex;
  justify-content: space-evenly;
}
.footerbox_left{

}
.footerbox_left_title{
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  margin-top: 20px;
}
.left_content{
  margin-top: 20px;
  font-size: 16px;
  color: rgba(255, 255, 255, .65);
  display: flex;
  align-items: center;
}
.right_content{
  margin-top: 20px;
  font-size: 16px;
  color: rgba(255, 255, 255, .65);
  display: flex;
  align-items: center;
  width: 332px;
  display: flex;
  justify-content: space-between;
}
.copy{
  width: 14px;
  height: 14px;
  margin-left: 6px;
}
.er_codebox{
  width: 312px;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.er_codebox_item{
  width: 97px;
  height: 97px;
  text-align: center;
}
.erimg{
  width: 97px;
  height: 97px;
}
.imgtext{
  margin-top: 5px;
  color: #fff;
  font-size: 14px;
}
</style>
